<template>
  <div>
    <!-- 轮播图组件 -->
      <el-carousel indicator-position="outside" height="600px">
        <el-carousel-item v-for="(item, index) in items" :key="index">
          <img :src="item.src" alt="carousel image" class="carousel-image" />
        </el-carousel-item>
      </el-carousel>
    </div>
</template>

<script setup>
import { ref } from 'vue';


// 轮播图的图片数据
const items = ref([
  {
    src: '/1.jpg'
  },
  {
    src: '/2.jpg'
  },
  {
    src: '/3.jpg'
  },
  // 添加更多图片项...
]);

</script>
<style scoped>


</style>